<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <base href="<%= basePath %>"/>
    <title>Insert title here</title>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <script type="text/javascript" src="pages/js/pagination.js"></script>
    <style>/*这一坨用来临时搭建的表格样式*/
    table{
        width: 100%;
        border-collapse: collapse;
    }

    table caption{
        font-size: 2em;
        font-weight: bold;
        margin: 1em 0;
    }

    th,td{
        border: 1px solid #999;
        text-align: center;
        padding: 20px 0;
    }

    table thead tr{
        background-color: #008c8c;
        color: #fff;
    }

    table tbody tr:nth-child(odd){
        background-color: #eee;
    }

    table tbody tr:hover{
        background-color: #ccc;
    }

    table tbody tr td:first-child{
        color: #f40;
    }

    table tfoot tr td{
        text-align: right;
        padding-right: 20px;
    }
    </style>

</head>
<body>
<div class="container">
    <h1>普通用户管理</h1>
</div>
<%--用户查询--%>
<form method="post" action="UserShowServlet?method=select">
    用户姓名：<input type="text" name="username" value="${username}">
    用户电话：<input type="text" name="phone" value="${phone}">
    <input type="submit" value="查询">
</form>

<table>
    <thead>
    <tr><%--表头--%>
        <th>id</th><%--供应商ID--%>
        <th>用户名</th><%--用户名字--%>
        <th>用户密码</th><%--用户密码--%>
        <th>昵称</th><%--用户昵称--%>
        <th>电话</th><%--用户电话--%>
        <th>电子邮箱</th><%--用户电子邮箱--%>
        <th>地址</th><%--用户地址--%>
        <th>用户状态</th><%--用户状态--%>
        <th>注册时间</th><%--用户创建时间--%>
        <th>登录时间</th><%--用户登录时间--%>
        <th>删除状态</th><%--删除状态：0-未删除，1-已删除--%>
        <th>操作</th><%--用于用户的更新和修改s--%>
    </tr>
    </thead>
    <tbody><%--展示信息--%>
    <c:forEach items="${users}" var="user">
        <tr>
            <td>${user.id}</td>
            <td>${user.username}</td>
            <td>${user.userpassword}</td>
            <td>${user.usernickname}</td>
            <td>${user.userphone}</td>
            <td>${user.useremail}</td>
            <td>${user.useraddress}</td>
            <td>${user.userstatus}</td>
            <td>${user.registertime}</td>
            <td>${user.updatetime}</td>
            <td>${user.isdeleted}</td>
            <td><a href="UserUpdateServlet?method=updateBefore&id=${user.id}">修改</a>
                <a href="DeleteUserServlet?id=${user.id}">删除</a>
                <a href="BanUserServlet?method=ban&id=${user.id}">封禁</a>
                <a href="BanUserServlet?method=out&id=${user.id}">解封</a>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>

<a href="UserShowServlet?page=${(page==1)?1:page-1}">上一页</a>&nbsp;
<a href="UserShowServlet?page=1">首页</a>&nbsp;
<a href="UserShowServlet?page=${page+1}">下一页</a>&nbsp;

</body>
</html>